/**************webfont字体**************/
@font-face {
  font-family: 'iconfont';
  src: url('../webfont/iconfont.eot');
  src: url('../webfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../webfont/iconfont.woff') format('woff'),
  url('../webfont/iconfont.ttf') format('truetype'),
  url('../webfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}

/**************覆盖sui样式**************/
.page {
  background-color: #fff;
}
header.bar-nav {
  background-color: #fff;
}
header.bar-nav:after {
  display: none;
}
.content .buttons-tab {
  border-bottom: 1px dashed rgb(201,201,201);
}
.content .buttons-tab:after {
  display: none;
}
.content .buttons-tab .button.active {
  color: rgb(242, 58, 73);
  border-color: rgb(242, 58, 73);
}
.bar-nav .icon {
  font-size: 0.9rem;
  color: #000;
}
.content .buttons-tab .button{
  line-height: 1.75rem;
  font-size: 0.6rem;
}
.content-block {
  margin: 0.7rem 0;
}

/**************业务样式**************/
.icon-return {
  transform: rotate(90deg);
}
.content {
  padding-bottom: 2.05rem;
}
.content .img-wrap {
  position: relative;
}
.content .img-wrap img {
  width: 100%;
}
.content .img-wrap .tit {
  position: absolute;
  left: 0.3rem;
  bottom: 0.3rem;
  color: #fff;
  padding: 0.1rem 0.2rem;
  background-color: rgba(0,0,0,0.4);
}
.content .info_wrap {
  width: 90%;
  margin: 0.4rem auto 0;
  font-size: 0.7rem;
}
.content .info_wrap .price {
  font-size: 0.7rem;
  margin-right: 1rem;
}
.content .info_wrap .price span {
  color: #f23a49;
  margin-right: 0.2rem;
}
.content .info_wrap .alias {
  margin-right: 1rem;
  font-size: 0.8rem;
  color: #000;
}
.content .info_wrap .spec {
  font-size: 0.6rem;
  color: #999;
}
.content .info_wrap .des {
  color: #999;
}
.content .date-ipt {
  overflow: hidden;
  position: relative;
}
.content .date-ipt label {
  display: block;
  color: #666;
  font-size: 0.7rem;
}
.content .form_wrap {
  margin-top: 0.8rem;
  padding: 0.775rem 1.125rem;
  background-color: rgb(250,250,250);
  border-top: 1px solid rgb(238,238,238);
  border-bottom: 1px solid rgb(238,238,238);
}
.content .form_wrap input {
  border: none;
  background-color: transparent;
}
.content .form_wrap .left {
  position: relative;
  float: left;
  width: 30%;
  color: #333;
}
.content .form_wrap .right {
  position: relative;
  float: right;
  width: 30%;
  color: #333;
}
.content .form_wrap .center {
  position: absolute;
  bottom: 0.7rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  line-height: 2rem;
  color: #666;
}

.content .date-ipt {
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgb(238,238,238);
}
.content .date-ipt input {
  display: inline-block;
  padding: 0.5rem 0;
  width: 100%;
  border-bottom: 2px solid rgb(212,212,212);
  font-size: 0.8rem;
  color: #f23a49;
}
.content .person-ipt label {
  line-height: 1.75rem;
}
.content .person-ipt input {
  float: right;
  width: 1.5rem;
  line-height: 1.75rem;
  font-size: 0.8rem;
}
.content .person-ipt span {
  float: right;
  line-height: 1.75rem;
  font-size: 0.8rem;
}
.content .spec-ipt h4 {
	font-size: 0.7rem;
}
.content .spec-ipt .button {
	display: inline-block;
	margin-right: 0.4rem;
}
.content .spec-list {
	margin-top: 0.6rem;
}
.content .spec-list .spec-tit {
	font-size: 0.7rem;
	margin-bottom: 0.1rem;
}
.content .spec-list li {
	margin-bottom: 0.3rem;
}
.content .spec-list .num {
	padding: 0 0.3rem;
    border: 1px solid #ccc;
}
.content .spec-ipt .price,
.content .spec-ipt .surplus,
.content .spec-ipt .spec {
	font-size: 0.7rem;
}
.content .detail_wrap {
  padding: 0.775rem 1.125rem;
  font-size: 0.7rem;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 0.7rem;
  overflow: hidden;
  background-color: #fff;
}
.footer>div{
  float: left;
  box-sizing: border-box;
  line-height: 2.05rem;
  text-align: center;
}
.footer .total {
  width: 50%;
  border: 1px solid #ccc;
}
.footer .join {
  border: 1px solid #ccc;
  border-left: none;
  width: 25%;
}
.footer .buy {
  width: 25%;
  background-color: rgba(242,58,73,0.8);
  border: 1px solid rgba(242,58,73,0.8);
  color: #fff;
}
